﻿<!DOCTYPE html>
<html>
  <head>
    <title>订阅／粉丝</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/订阅／粉丝/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/订阅／粉丝/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u3072" class="ax_default _形状">
        <img id="u3072_img" class="img " src="images/订阅／粉丝/u3072.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3073" class="ax_default" data-left="0" data-top="0" data-width="1458" data-height="1001">

        <!-- Unnamed (矩形) -->
        <div id="u3074" class="ax_default _形状">
          <img id="u3074_img" class="img " src="images/0-目录/u726.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u3075" class="ax_default _水平线">
          <img id="u3075_img" class="img " src="images/1_1-观看者页面/u739.png"/>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u3076" class="ax_default _文本段落" data-label="Header 2">
        <img id="u3076_img" class="img " src="images/1_1-观看者页面/header_2_u741.png"/>
        <div id="u3076_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">3.2.4-</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">订阅／粉丝</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3077" class="ax_default _形状">
        <img id="u3077_img" class="img " src="images/消息/u3047.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3078" class="ax_default _形状">
        <img id="u3078_img" class="img " src="images/节目信息（暂不做）/u1120.png"/>
        <div id="u3078_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3079" class="ax_default _形状">
        <img id="u3079_img" class="img " src="images/订阅／粉丝/u3079.png"/>
        <div id="u3079_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3080" class="ax_default _形状">
        <img id="u3080_img" class="img " src="images/观看者-流程图/u416.png"/>
        <div id="u3080_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">返回</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3081" class="ax_default _文本段落">
        <img id="u3081_img" class="img " src="images/2_3-直播结束/u2290.png"/>
        <div id="u3081_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">我是歌手</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3082" class="ax_default _文本段落">
        <img id="u3082_img" class="img " src="images/节目信息（暂不做）/u1055.png"/>
        <div id="u3082_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3083" class="ax_default _形状">
        <img id="u3083_img" class="img " src="images/观看者-流程图/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3084" class="ax_default _形状">
        <img id="u3084_img" class="img " src="images/节目信息（暂不做）/u1110.png"/>
        <div id="u3084_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">已订阅</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3085" class="ax_default _文本段落">
        <img id="u3085_img" class="img " src="images/2_3-直播结束/u2290.png"/>
        <div id="u3085_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">我是歌手</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3086" class="ax_default _文本段落">
        <img id="u3086_img" class="img " src="images/节目信息（暂不做）/u1055.png"/>
        <div id="u3086_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3087" class="ax_default _形状">
        <img id="u3087_img" class="img " src="images/观看者-流程图/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3088" class="ax_default _形状">
        <img id="u3088_img" class="img " src="images/节目信息（暂不做）/u1110.png"/>
        <div id="u3088_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅他</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3089" class="ax_default _水平线">
        <img id="u3089_img" class="img " src="images/好友/u3006.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3090" class="ax_default _文本段落">
        <img id="u3090_img" class="img " src="images/2_3-直播结束/u2290.png"/>
        <div id="u3090_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">我是歌手</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3091" class="ax_default _文本段落">
        <img id="u3091_img" class="img " src="images/节目信息（暂不做）/u1055.png"/>
        <div id="u3091_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3092" class="ax_default _形状">
        <img id="u3092_img" class="img " src="images/观看者-流程图/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3093" class="ax_default _形状">
        <img id="u3093_img" class="img " src="images/节目信息（暂不做）/u1110.png"/>
        <div id="u3093_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅他</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3094" class="ax_default _水平线">
        <img id="u3094_img" class="img " src="images/好友/u3006.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3095" class="ax_default _文本段落">
        <img id="u3095_img" class="img " src="images/2_3-直播结束/u2290.png"/>
        <div id="u3095_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">我是歌手</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3096" class="ax_default _文本段落">
        <img id="u3096_img" class="img " src="images/节目信息（暂不做）/u1055.png"/>
        <div id="u3096_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3097" class="ax_default _形状">
        <img id="u3097_img" class="img " src="images/观看者-流程图/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3098" class="ax_default _形状">
        <img id="u3098_img" class="img " src="images/节目信息（暂不做）/u1110.png"/>
        <div id="u3098_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅他</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3099" class="ax_default _水平线">
        <img id="u3099_img" class="img " src="images/好友/u3006.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3100" class="ax_default _文本段落">
        <img id="u3100_img" class="img " src="images/2_3-直播结束/u2290.png"/>
        <div id="u3100_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">我是歌手</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3101" class="ax_default _文本段落">
        <img id="u3101_img" class="img " src="images/节目信息（暂不做）/u1055.png"/>
        <div id="u3101_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3102" class="ax_default _形状">
        <img id="u3102_img" class="img " src="images/观看者-流程图/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3103" class="ax_default _形状">
        <img id="u3103_img" class="img " src="images/节目信息（暂不做）/u1110.png"/>
        <div id="u3103_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅他</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3104" class="ax_default _水平线">
        <img id="u3104_img" class="img " src="images/好友/u3006.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3105" class="ax_default _文本段落">
        <img id="u3105_img" class="img " src="images/2_3-直播结束/u2290.png"/>
        <div id="u3105_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">我是歌手</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3106" class="ax_default _文本段落">
        <img id="u3106_img" class="img " src="images/节目信息（暂不做）/u1055.png"/>
        <div id="u3106_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3107" class="ax_default _形状">
        <img id="u3107_img" class="img " src="images/观看者-流程图/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3108" class="ax_default _形状">
        <img id="u3108_img" class="img " src="images/节目信息（暂不做）/u1110.png"/>
        <div id="u3108_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅他</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3109" class="ax_default _水平线">
        <img id="u3109_img" class="img " src="images/好友/u3006.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3110" class="ax_default _文本段落">
        <img id="u3110_img" class="img " src="images/订阅／粉丝/u3110.png"/>
        <div id="u3110_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">订阅/粉丝分类：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#FF9900;">1，顶部为订阅/粉丝分类</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，用户可左右滑动切换频道</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">用户列表区域：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">1，一分页为20个，按照订阅/被订阅时间排序</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，每次切换分类默认加载一分页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3111" class="ax_default _文本段落">
        <img id="u3111_img" class="img " src="images/双人直播（邀请者）（暂不做）/u2507.png"/>
        <div id="u3111_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝模块：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3112" class="ax_default _文本段落">
        <img id="u3112_img" class="img " src="images/订阅／粉丝/u3112.png"/>
        <div id="u3112_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1，显示用户头像昵称，简介</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，点击订阅可以订阅/取消订阅</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">3，点击头像昵称可弹出个人信息浮层，原来的用户弹层消失</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#0099FF;">即，不会出现两个个人信息浮层</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3113" class="ax_default _形状">
        <img id="u3113_img" class="img " src="images/订阅／粉丝/u3113.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3114" class="ax_default _文本段落">
        <img id="u3114_img" class="img " src="images/2_3-直播结束/u2290.png"/>
        <div id="u3114_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">我是歌手</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3115" class="ax_default _文本段落">
        <img id="u3115_img" class="img " src="images/节目信息（暂不做）/u1055.png"/>
        <div id="u3115_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3116" class="ax_default _形状">
        <img id="u3116_img" class="img " src="images/观看者-流程图/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3117" class="ax_default _形状">
        <img id="u3117_img" class="img " src="images/节目信息（暂不做）/u1110.png"/>
        <div id="u3117_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅他</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u3118" class="ax_default _文本段落" data-label="Header 2">
        <img id="u3118_img" class="img " src="images/1_1-观看者页面/header_2_u782.png"/>
        <div id="u3118_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">说明：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3119" class="ax_default _文本段落">
        <img id="u3119_img" class="img " src="images/订阅／粉丝/u3119.png"/>
        <div id="u3119_text" class="text ">
          <p style="font-size:18px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">订阅/粉丝频道布局：</span></p><p style="font-size:13px;"><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3120" class="ax_default _文本段落">
        <img id="u3120_img" class="img " src="images/节目信息（暂不做）/u1155.png"/>
        <div id="u3120_text" class="text ">
          <p style="font-size:36px;"><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;font-size:56px;color:#000000;">39</span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;"> </span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;color:#999999;">/ 61</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3121" class="ax_default _文本段落">
        <img id="u3121_img" class="img " src="images/好友/u3038.png"/>
        <div id="u3121_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅成功显示toats</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3122" class="ax_default _形状">
        <img id="u3122_img" class="img " src="images/好友/u3039.png"/>
        <div id="u3122_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅成功</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3123" class="ax_default _文本段落">
        <img id="u3123_img" class="img " src="images/好友/u3038.png"/>
        <div id="u3123_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">取消订阅显示toats</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3124" class="ax_default _形状">
        <img id="u3124_img" class="img " src="images/好友/u3039.png"/>
        <div id="u3124_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">取消订阅</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
